.main{
    width: 100%;
    height: 940px;
    border: 1px solid black;
    margin: 0 auto;
    overflow: auto;
}

.title{
    width: 100%;
    height: 200px;
    border: 1px solid black;
    position: relative;
}
.background{
    width: 100%;
    height: 200px;
    border: 0;
    
}
.title:hover{
    border: 2px solid aqua;
}
.ground-title{
    background: black;
}
.one,.two{
    font-weight: bold;
    font-size: 20px;  
    
}
.one{
    border: 1px solid black; 
    position: absolute;
    background-color: blueviolet;
    left: 0;
    bottom: 0;
}
 .two{
    position: absolute;
    right: 10px;
    top: 0;
}
a{
    text-decoration: none; 
    color:black ;
}
.local{
    width: 25px;
    height: 31px;
    border-radius: 2px;
    transform:scale(0.8) ;
    position: absolute;
    right: 60px;
    top: 0;
}
.menu{
    width: 29%;
    height: 740px;
    border-right: 1px solid black;
    float: left;
    display: inline-block;
}
.content{
    width: 70%;
    height: 740px;
    float: left;
    
}
li{
    height: 50px;
    display: inline-block;
}
h4{
    margin-top: 50px;
}
.line1{
    background-image: url(../images/food.png);
    background-repeat: no-repeat;
    margin-left: 20px;
}
.line1,.line2,.line3,.line4,.line5{
    display: inline-block;
    margin-right: 20px;
    border: none;
}
.line5{
    margin-left: 10px;
}
.p1{
    margin-left: 1px;
    
}
.p2{
    margin-left: 15px;
}
.p3{
    margin-left: 20px;
}
.top-list{
    height: 80px;
    border-bottom: 1px solid black;
    background-color: rgb(253, 247, 240);
}
.menu .tese2,.tese3{
    
    color: gray;
    float: left;
    position: relative;
    top: 5px;
    font-size: 16px;
    
}
.menu .tese1{
    margin-top: 10px;
    float: left;
    position: relative;
    top: -10px;
}
.menu .tese3{
    float: right;
}
.pp{
    position: relative;
    
}
.z1{
    margin-left: 40px;
    margin-right: 240px;
    margin-top: 1px;
    float: left;
    display: inline-block;
}
.z2{
    float: right;
    margin-left: 10px;
    margin-right: 40px;
    margin-top: -239px;
    display: inline-block;
}
.z3{
    position: absolute;
    top: -35px;
    right: 360px;
    color: rgb(249, 56, 8);
    font-weight: bold;
}
.z4{
    position: absolute;
    top: -35px;
    right: 108px;
    color: rgb(249, 56, 8);
    font-weight: bold;
}
.kuang{
    width: 100%;
    height: 320px;
    background-color: rgb(241, 239, 237);
    border-bottom: 1px solid black;
    
}
.qq .qiang{
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    position: relative;
    top: -10px;
   
}
.qq .q2{
    float: right;
}
.xx1,.xx2{
    display: inline-block;
    margin: 10px;
}

.xx1{
    position: relative;
    top: 20px;
    right: 60px;
}
.xx2{
    position: relative;
    top: 20px;
    left: 40px;
}
.xx3{
    position: relative;
    top: 10px;
    left: 40px;
}
.xx3-1{
    font-size: 20px;
    color: orangered;
    font-weight: bold;
}
.xx3-3{
    color: red;
    font-weight: bold;
}
.xx3-4{
    
    text-decoration: line-through;
}
.xx4{
    position: relative;
    top: -59px;
    left: 320px;
}
.xx4-1{
    font-size: 20px;
    color: orangered;
    font-weight: bold;
}
.xx4-3{
    font-weight: bold;
    color: red;
}
.xx4-4{
    
    text-decoration: line-through;
}